/* 广告 */



.main-header{ padding:5px 0px; width:75%; margin:0px auto 15px auto; border-radius:6px;-webkit-border-radius:6px; text-align:center;}

.main-header p{ font-size:20px; color:#0d8093; font-weight:600;text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;

-webkit-text-shadow:#fff 1px 0 0,#000 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;*filter: Glow(color=#fff, strength=1);}

.main-header p span{ color:#f02929}

.main-header p.p1{ 

    font-size:26px;

    position:absolute;

    bottom:34px;

    right:114px;



}

.main-header p.p1 span{ font-size:28px;}

.main-body{width:413; height:414px; float:right; -webkit-background-size:100% auto;

           margin-top:-60px;



}

.main-footer{ background:url(../images/img/cj-bg2.png) no-repeat; width:100%; height:162px; background-size:100% 100%; -webkit-background-size:100% 100%; margin-top:-120px; position:relative; z-index:1;}

a.footer-a,a.footer-a2{ position:absolute; right:0px; bottom:0px; color:#0d8093; font-weight:600;font-size:23px;text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;

-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;*filter: Glow(color=#fff, strength=1);}

a.footer-a2{ position:absolute;left:0px;}

/*抽奖*/

#zhuanpan{width:412px;height:413px;position:relative;overflow:hidden;margin:0px auto;z-index:2; }

.rotary-table{  width:412px;  height:413px;}

.point{position:absolute;left:50%;top:50%; width:137px; height:177px; margin-left:-68.5px; margin-top:-88.5px;cursor:pointer;}





/* 返回流量专区 */

a.loadMore{position:relative; display:block;z-index:11;width:40%;color:#999;text-align:center;margin:13% auto 0px auto;background:#fff; padding: 6px 12px;font-size: 16px;font-weight: 400;text-decoration:none;  border: 1px solid #CCC;border-radius: 4px;  -webkit-border-radius: 4px;}

a.loadMore:hover{background:#f0f0f0;color:#666;}



/* 模态框 - 办理 */

.modal-dialog{background-color:#f3f3f3;margin-top:20px;}

.modal-dialog .modal-body{padding-left:20px;padding-right:20px}

.modal-dialog .media{width:100%; display:table;} 

.modal-dialog .media-body{vertical-align:middle;margin:30px auto; width:60%; display:table-cell}

.media{display:inline-block}



.padding1 .modal-dialog{ border-radius:20px; -webkit-border-radius:20px;}

.padding1 .modal-body { padding:0px; position:relative}

.padding1 .modal-body .img1 img{ width:100%;border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px;}

.padding1 .modal-body p{ width:80%; margin:0px auto; text-align:center; font-size:19px; color:#898989; padding:10px 0px;}

.padding1 .modal-body p span{ color:#ff4338}

.padding1 .modal-body .colse1{ position:absolute; top:15px; right:15px; width:26px; height:26px; background:url(../images/img/olympic_games10.png) no-repeat;}

.padding1 .modal-body .but5{ background-color:#ff4338; display:block; width:240px; margin:0px auto 20px auto; padding:6px 0px; font-size:30px; color:#FFF; text-align:center; border:none;border-radius:10px; -webkit-border-radius:10px; }



/* 加载中 */

.loading{width:100%;height:100%;background:#fff;text-align:center;padding-top:50px;padding-bottom:50px}

.loading p{padding-top:5px;}

.loading-container{height:88px;background:transparent url(../images/img/ico_load.png) no-repeat center 0;}

img.loading-gif{position:relative;top:71px}



/*温馨提示*/

.modal-backdrop {opacity: 0.7 !important;filter: alpha(opacity=0.7) !important;}

.s3 .modal-dialog{ border-radius:6px;-webkit-border-radius:6px; padding:40px 0px 20px 0px;margin:120px auto 0px auto;}

.hd-title{  position:absolute; left:50%; top:-45px; display:block; width:360px; height:74px; margin-left:-180px; background:url(../images/img/hdrk-tilte.png) no-repeat; background-size:100% 100%;-webkit-background-size:100% 100%;}

.close2{position:absolute; right:0px; top:-70px; display:block; width:50px; height:50px; /*background:url(../images/img/hdrk-close.png) no-repeat;*/ background-size:100% 100%;-webkit-background-size:100% 100%;}

.s3 .modal-dialog .modal-body p span{ color:#fd5745}



.title2,.title3{ text-align:center; font-size:24px;color:#0d8093;text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;

-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;*filter: Glow(color=#fff, strength=1);}

.title3{ width:98%; margin:0px auto; font-size:16px;color:#F00;}

.list1{ width:90%; margin:0px auto}

.list1 .l1{ border-radius:20px; background:#fff; overflow:hidden; padding:15px; color:#333333; font-size:14px; margin:7px 0;}

.list1 .l1 div{ float:left; width:50%;}

.list1 .l1 .p2{ text-align:right; color:#999999; font-size:12px;}

.list1 .l1 p{ text-align:center}

a.bt1{ display:block;width:90%; margin:10px auto 20px auto;background:#FF4200; text-decoration:none; padding:15px 0; text-align:center; border-radius:20px; color:#fff; font-size:14px;}

@media (min-width:500px){.modal-dialog{width:480px;margin:50px auto;}}

@media (min-width:600px){#tag{width:auto}}

@media screen and (max-width:599px){

.modal-dialog .media{display:block;margin:10px auto}

.modal-dialog .media-body{padding-left:0;padding-right:0;margin:10px auto; width:70%; }



.padding1 .modal-body p{font-size:20px; padding:10px 0px;}





/*温馨提示*/

.s3 .modal-dialog{ width:380px; padding:30px 0px 20px 0px;margin:100px auto 0px auto;}

.hd-title{ position:absolute; left:50%; top:-36px; display:block; width:300px; height:62px; margin-left:-150px; }

.close2{position:absolute; right:0px; top:-60px;width:45px; height:45px; }



.main-header{ width:413; }

.main-header p{ font-size:18px;}

.main-header p.p1{ font-size:20px;}

.main-header p.p1 span{ font-size:24px;}

.main-footer{  width:100%; height:142px; margin-top:-108px; }

a.footer-a,a.footer-a2{  right:10px; bottom:0px; font-size:18px;}

a.footer-a2{ position:absolute;left:10px;}

/*抽奖*/

.title3{ font-size:14px;color:#F00;}

#zhuanpan{width:350px;height:351px;z-index:2;}

.rotary-table{ width:350px;height:351px;}

.point{ width:100px; height:129px; margin-left:-50px; margin-top:-64.5px;}



}

@media screen and (max-width:384px){



.padding1 .modal-body p{font-size:16px; padding:10px 0px;}

.padding1 .modal-body .but5{ width:200px; padding:6px 0px; font-size:26px; border-radius:10px; -webkit-border-radius:10px; }





/*温馨提示*/

.s3 .modal-dialog{ width:350px; padding:30px 0px 20px 0px;margin:100px auto 0px auto;}

.hd-title{ position:absolute; left:50%; top:-30px; display:block; width:260px; height:54px; margin-left:-130px; }



.main-header p{ font-size:16px;}

.main-header p.p1{ font-size:18px;}

.main-header p.p1 span{ font-size:20px;}

.main-footer{  width:100%; height:120px; margin-top:-90px; }

a.footer-a,a.footer-a2{  right:10px; bottom:0px; font-size:18px;}

a.footer-a2{ position:absolute;left:10px;}

/*抽奖*/

#zhuanpan{width:310px;height:311px;z-index:2;}

.rotary-table{ width:310px;height:311px;}

.point{ width:100px; height:129px; margin-left:-50px; margin-top:-64.5px;}









.padding1 .modal-body .but5{ width:160px; padding:6px 0px; font-size:20px; border-radius:10px; -webkit-border-radius:10px; }

a.footer-a,a.footer-a2{  right:10px; bottom:0px; font-size:15px;}

a.footer-a2{ position:absolute;left:10px;}

/*温馨提示*/

.s3 .modal-dialog{ width:340px; padding:30px 0px 20px 0px;margin:100px auto 0px auto;}

}



@media screen and (max-width:320px){

.title3{ font-size:12px;color:#F00;}

.padding1 .modal-body p{font-size:14px; padding:10px 0px;}

.padding1 .modal-body .but5{ width:160px; padding:6px 0px; font-size:20px; border-radius:10px; -webkit-border-radius:10px; }







/*温馨提示*/

.s3 .modal-dialog{ width:300px; padding:25px 0px 20px 0px;margin:70px auto 0px auto;}

.hd-title{ position:absolute; left:50%; top:-25px; display:block; width:220px; height:45px; margin-left:-110px; }

.close2{position:absolute; right:0px; top:-50px;width:40px; height:40px; }



.main-header p{ font-size:15px;}

.main-header p.p1{ font-size:16px;}

.main-header p.p1 span{ font-size:17px;}

.main-footer{  width:100%; height:110px; margin-top:-80px; z-index:5;}

a.footer-a,a.footer-a2{  right:10px; bottom:0px; font-size:15px;}

a.footer-a2{ position:absolute;left:10px;}

/*抽奖*/

#zhuanpan{width:260px;height:261px;z-index:2;}

.rotary-table{ width:260px;height:261px;}

.point{ width:80px; height:103px; margin-left:-40px; margin-top:-51.5px;}



}



.clearfix:after {

    content: '';

    display: block;

    height: 0;

    overflow: hidden;

    clear: both;

}

.clearfix {

	zoom: 1;

}



.register {

    background: url(../images/img/register_bg.png) no-repeat center;

    height: 490px;

    padding-top: 60px;

}

.register_title {

    background: url(../images/img/register_title.png) no-repeat center 0;

    height: 108px;

    font-size: 46px;

    color: #000;

    line-height: 80px;

    text-align: center;

    font-weight: bold;

    letter-spacing: 1px;

}

.register_form {

    width: 762px;

    margin: 48px auto;

}

.users, .xueli, .te1 {

    width: 204px;

    height: 50px;

    border: #878888 1px dotted;

    border-radius: 25px;

    -webkit-box-shadow: inset 0 4px 8px rgba(46, 79, 115, 0.08);

    -moz-box-shadow: inset 0 4px 8px rgba(46, 79, 115, 0.08);

    box-shadow: inset 0 4px 8px rgba(46, 79, 115, 0.08);

    padding-left: 30px;

    margin-right: 20px;

    font-size: 18px;

    color: #737373;

}

.register_btn {

    background: #e51e0b;

    width: 235px;

    height: 50px;

    border: none;

    border-radius: 25px;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

}

.register_btn:hover{

    background-color: white;

    color: #878888

}

.register_words {

    background: url(../images/img/register_words.png) no-repeat 0 0;

    width: 1000px;

    height: 130px;

    margin: 50px auto 0;

}

.register_h3 {

    width: 156px;

    float: left;

    font-size: 22px;

    color: #fff;

    line-height: 1;

    font-weight: normal;

    text-align: center;

    padding-top: 88px;

    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

}

.register_p {

    width: 818px;

    float: right;

    font-size: 18px;

    color: #010101;

    line-height: 36px;

    padding: 29px 0 0 26px;

}

.register_zhu {

    font-size: 16px;

    color: #e51e0b;

    line-height: 1;

    text-align: center;

    margin: 40px 0 0 0;

}

.predict {

    background: url(../images/img/predict-bg.png) no-repeat center;

    height: 510px;

    padding-top: 70px;

}

.predict-title {

    background: url(../images/img/professional-tit.png) no-repeat center 0;

    height: 108px;

    font-size: 46px;

    color: #000;

    line-height: 80px;

    text-align: center;

    font-weight: bold;

    letter-spacing: 1px;

}

.predict-stitle {

    font-size: 18px;

    color: #fc6c6c;

    line-height: 1;

    text-align: center;

    margin: 15px 0 0 0;

}

.predict-con {

    width: 1100px;

    margin: 50px auto 0;

}

.predict-con li:first-child {

    margin-left: 0;

}

.predict-con li {

    background: #fff;

    width: 240px;

    height: 295px;

    border: #dfdfdf 1px solid;

    border-radius: 4px;

    float: left;

    margin-left: 44px;

    box-shadow: 0 0 9px rgba(6,7,40,0.17);

}

.predict-h3-grass {

    background: #24c1a4;

}

.predict-h3-yellow {

    background: #eca51c;

}

.predict-h3-blue {

    background: #6596f8;

}

.predict-h3-green {

    background: #79bc5f;

}

.predict-h3 {

    width: 240px;

    height: 54px;

    border-radius: 4px 4px 0 0;

    font-size: 22px;

    color: #fff;

    text-align: center;

    line-height: 54px;

    font-weight: normal;

}

.predict-p {

    font-size: 16px;

    color: #5c5c5c;

    line-height: 34px;

    text-align: center;

    margin: 15px 0 0 0;

}

.predict-btn {

    background: #fc6c6c;

    width: 170px;

    height: 40px;

    border: none;

    border-radius: 4px;

    display: block;

    margin: 26px auto 0;

    font-size: 16px;

    color: #fff;

    box-shadow: 0 1px 4px rgba(6,7,4,0.25);

    cursor: pointer;

}

.predict-p strong {

    color: #fc6c6c;

    font-weight: normal;

}

.scheme_con li:hover {

    -webkit-animation: anim-moema-1 0.3s forwards;

    animation: anim-moema-1 0.3s forwards;

}

/* 提升方案 */

.scheme {

    background: url(../images/img/scheme_bg.jpg) no-repeat center;

    height: 606px;

    padding-top: 60px;

}

.scheme_title {

    background: url(../images/img/scheme_title.png) no-repeat center 0;

    height: 107px;

    font-size: 46px;

    color: #000;

    line-height: 81px;

    text-align: center;

    letter-spacing: 1px;

}

.scheme_title .ml20 {

    margin-left: 20px;

}

.scheme_title strong {

    color: #e51e0b;

}

.scheme_stitle {

    font-size: 20px;

    color: #333;

    line-height: 1;

    text-align: center;

    font-weight: normal;

    margin: 18px 0 0 0;

}

.scheme_pic {

    width: 110px;

    height: 110px;

    margin: 19px auto 0;

}

.scheme_con {

    width: 1180px;

    margin: 70px auto 0;

}

.scheme_con li:first-child {

    margin-left: 0;

}

.scheme_con li {

    background: #fff;

    width: 170px;

    height: 220px;

    float: left;

    margin-left: 32px;

    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);

    cursor: pointer;

}

.scheme_icon {

    background: url(../images/img/scheme_icon.png) no-repeat 0 0;

    width: 42px;

    height: 42px;

    display: block;

    margin: -21px auto 0;

}

.scheme_p {

    font-size: 16px;

    color: #333;

    text-align: center;

    line-height: 1;

    margin: 21px 6px 0 6px;

}

.scheme_icon2 {

    background-position: 0 -42px;

}

.scheme_icon3 {

    background-position: 0 -84px;

}

.scheme_icon4 {

    background-position: 0 -126px;

}

.scheme_icon5 {

    background-position: 0 -168px;

}

.button--nanuk {

    overflow: hidden;

    -webkit-transition: background-color 0.3s;

    transition: background-color 0.3s;

}

.scheme_btn {

    background: #e51e0b;

    width: 300px;

    height: 55px;

    border: none;

    border-radius: 55px;

    display: block;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    margin: 60px auto 0;

    cursor: pointer;

}

.scheme_btn:hover {

	background: #D21E0B;

}

.button {

    position: relative;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

}

.button--nanuk > span {

    display: inline-block;

    padding: 1em 0;

}

/* 文凭作用 */

.purpose {

    background: url(../images/img/purpose_bg.jpg) no-repeat center;

    height: 670px;

    padding-top: 60px;

}

.purpose_title {

    background: url("../images/img/purpose_title.png") no-repeat center 0;

    height: 102px;

    font-size: 48px;

    line-height: 80px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    letter-spacing: 2px;

    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

}

.purpose_title strong {

    color: #ffff00;

}

.purpose_stitle {

    font-size: 44px;

    color: #fff;

    line-height: 1;

    text-align: center;

    margin: 18px 0 0 0;

    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

}

.purpose_stitle strong {

    color: #ffff00;

    font-weight: normal;

}

.purpose_arrow {

    background: url("../images/img/purpose_arrow.png") no-repeat 0 0;

    width: 42px;

    height: 26px;

    margin: 28px auto 0;

}

.purpose_con {

    background: url("../images/img/purpose_con.png") no-repeat center 0;

    width: 886px;

    height: 265px;

    margin: 28px auto 0;

    padding-top: 26px;

}

.purpose_con li {

    background: url(../images/img/purpose_li.png) no-repeat 0 0;

    width: 166px;

    height: 236px;

    float: left;

    margin-left: 14px;

}

.purpose_con li:first-child {

    margin-left: 0;

}

.purpose_con li:nth-child(3) {

    background: url("../images/img/purpose_sli.png") no-repeat center;

    width: 166px;

    height: 180px;

    padding-top: 56px;

}

.purpose_h3 {

    font-size: 18px;

    color: #333;

    line-height: 1;

    text-align: center;

}

.mt36 {

    margin-top: 36px;

}

.mt14 {

    margin-top: 14px;

}

.purpose_btn {

    background: #338bb8;

    width: 110px;

    height: 30px;

    border: none;

    border-radius: 15px;

    display: block;

    font-size: 16px;

    color: #fff;

    margin: 14px auto 0;

}

.mt39 {

    margin-top: 39px;

}

.purpose_btn:hover {

    background: #e51e0b;

}

.purpose_icon {

    background: url("../images/img/purpose_icon.png") no-repeat 0 0;

    width: 70px;

    height: 43px;

    display: block;

    margin: 0 auto;

}

.purpose_h3a {

    font-size: 24px;

    color: #2e7ea6;

    line-height: 36px;

    margin: 15px 0 0 0;

    text-align: center;

}

.purpose_p {

    font-size: 20px;

    color: #fff;

    line-height: 36px;

    text-align: center;

    margin: 20px 0 0 0;

}



/*报考院校*/

a {

	text-decoration: none;

}

li {

    list-style: none;

    text-decoration: none;

}

 .school {

    background: url("../images/img/school-bg.jpg") no-repeat center;

    padding:60px;

}

.school-title {

    background: url("../images/img/school-title.png") no-repeat center 0;

    height: 114px;

    text-align: center;

    line-height: 80px;

    font-size: 46px;

    color: #000;

}

.school-title span {

    color: #e51e0b;

}

.school-stitle {

    font-size: 18px;

    color: #5c5c5c;

    text-align: center;

    line-height:1;

    margin: 20px 0 0 0;

}

.school-stitle strong {

    color: #fc6c6c;

    font-weight: normal;

}

.school-con {

    width:1150px;

    margin:60px auto 0;

}

.school-list {

    background: #fff;

    width: 540px;

    height: 451px;

    display: block;

    float: left;

    box-shadow: 0 0 6px rgba(56, 56, 56, 0.24);

    padding: 24px 17px 0 15px;

}

.fr {

    float: right;

}

.school-menu {

    background: url("../images/img/school-line.png") no-repeat 168px 0;

    width:170px;

    float: left;

}

.school-menu li {

    width:167px;

    height:54px;

    margin-top: 20px;

}

.school-menu li:first-child {

    margin-top: 0;

}

.school-menu li.hover {

    border-right: #4784fe 3px solid;

}

.school-a {

    width:152px;

    height:54px;

    background:#ebebeb;

    border-radius: 4px;

    display: block;

    font-size: 18px;

    color: #606060;

    text-align: center;

    line-height: 54px;

    cursor: pointer;

}

.school-menu li.hover .school-a {

    background: #4784fe;

    color: #fff;

}

.school-all {

    width: 355px;

    float: right;

}

.school-box {

    display: none;

}

.school-pic {

    width: 366px;

    height:150px;

    margin: 0 auto;

}

.sul1 {

    margin-top:20px;

}

.sul1 li {

    overflow: hidden;

    margin-top:12px;

}

.sul1 li:first-child {

    margin-top: 0;

}

.school-icon {

    background:#fc6c6c;

    width: 8px;

    height:8px;

    border-radius: 100%;

    display: block;

    float: left;

    box-shadow: 0 0 3px rgba(6, 7, 4, 0.24);

    margin-top: 5px;

}

.school-words {

    width: 342px;

    float: right;

}

.school-h3 {

    font-size: 18px;

    color: #444;

    line-height: 1;

}

.school-p {

    font-size: 16px;

    color: #828282;

    line-height: 26px;

    height:52px;

    margin:10px 0 0 2px;

}

.sul1 li:nth-child(2) .school-p {

    height:78px;

}

.school-btns {

    width: 350px;

    margin-top:12px;

}

.school-btna {

    background: #fc6c6c;

    width: 162px;

    height:40px;

    border: none;

    border-radius: 4px;

    font-size: 18px;

    color: #fff;

    float: left;

    box-shadow: 0 1px 4px rgba(6, 7, 4, 0.25);

}

.school-btna:hover {

    background:#e86f6f;

}

.school-btnb {

    background:#fff;

    width: 160px;

    height:38px;

    border:#fc6c6c 1px solid;

    border-radius: 4px;

    font-size: 18px;

    color: #fc6c6c;

    float:right;

    box-shadow: 0 1px 4px rgba(6, 7, 4, 0.25);

}

.school-btnb:hover {

    background: #fc6c6c;

    color: #fff;

}

.school-down {

    margin: 12px 0 0 0;

}

.school-down li {

    width:157px;

    height:90px;

    float: left;

    margin:8px 0 0 8px;

    position: relative;

    cursor: pointer;

}

.school-down li:nth-child(1), .school-down li:nth-child(8), .school-down li:nth-child(15) {

    margin-left: 0;

}

.school-down li:last-child {

    background: #4784fe;

    width: 157px;

    height:90px;

    border: none;

    font-size: 18px;

    color: #fff;

    text-align: center;

    line-height: 90px;

}

.front {

    background: #fff;

    border: #dedede 1px solid;

    box-shadow: 0 0 4px rgba(6, 7, 4, 0.1);

    width:155px;

    height:88px;

    position: absolute;

    top:0;

    left: 0;

    transition: 1s;

}

.back {

    width:157px;

    height:90px;

    position: absolute;

    top:0;

    left: 0;

    background-color:#fa7777;

    font-size: 18px;

    color: #fff;

    text-align: center;

    line-height: 85px;

    transform: rotateY(-180deg);

    backface-visibility: hidden;

    transition: 1s;

}

.school-down li:hover .front {

    transform: rotateY(180deg);

}

.school-down li:hover .back {

    transform: rotateY(0deg);

}

.school-logo {

    background: url("../images/img/school-logo.png") no-repeat 0 0;

    width: 54px;

    height:58px;

    margin:5px auto 0;

}

.school-logo2 {

    background-position: 0 -58px;

}

.school-logo3 {

    background-position: 0 -116px;

}

.school-logo4 {

    background-position: 0 -175px;

}

.school-logo5 {

    background-position: 0 -232px;

}

.school-logo6 {

    background-position: 0 -290px;

}

.school-logo7 {

    background-position: 0 -348px;

}

.school-logo8 {

    background-position: 0 -406px;

}

.school-logo9 {

    background-position: 0 -464px;

}

.school-logo10 {

    background-position: 0 -522px;

}

.school-logo11 {

    background-position: 0 -580px;

}

.school-logo12 {

    background-position: 0 -638px;

}

.school-logo13 {

    background-position: 0 -696px;

}

.school-logo14 {

    background-position: 0 -754px;

}

.school-logo15 {

    background-position: 0 -812px;

}

.school-logo16 {

    background-position: 0 -870px;

}

.school-logo17 {

    background-position: 0 -928px;

}

.school-logo18 {

    background-position: 0 -986px;

}

.school-logo19 {

    background-position: 0 -1044px;

}

.school-logo20 {

    background-position: 0 -1102px;

}

.school-h4 {

    font-size: 16px;

    color: #838383;

    text-align: center;

    font-weight: normal;

    line-height: 1;

    margin-top:2px;

}

.school-btns-big {

    width: 684px;

    margin: 60px auto 0;

}

.school-btn-biga {

    background: #fc6c6c;

    width: 292px;

    height:64px;

    border: none;

    border-radius: 3px;

    box-shadow: inset 0 6px 9px rgba(62, 62, 62, 0.07), 0 0 9px rgba(56, 56, 56, 0.24);

    float: left;

    font-size: 20px;

    color: #fff;

}

.school-btn-bigb {

    background: #fff;

    width: 290px;

    height:62px;

    border:#fc6c6c 1px solid;

    border-radius: 3px;

    box-shadow: inset 0 6px 9px rgba(62, 62, 62, 0.07), 0 0 9px rgba(56, 56, 56, 0.24);

    float: right;

    font-size: 20px;

    color: #fc6c6c;

}

.school-btn-bigb:hover {

    background: #fc6c6c;

    color: #fff;

}

/* 热门专业 */

 .major {

    background: url(../images/img/major_bg.jpg) no-repeat center;

    height: 840px;

    padding-top: 60px;

}

.major_title {

    background: url("../images/img/major_title.png") no-repeat center 0;

    height: 107px;

    font-size: 46px;

    color: #000;

    line-height: 80px;

    text-align: center;

    letter-spacing: 1px;

}

.major_title strong {

    color: #e51e0b;

}

.major_stitle {

    font-size: 20px;

    color: #333;

    text-align: center;

    margin: 20px 0 0 0;

    line-height: 1;

}

.major_con {

    background: url(../images/img/major_con.png) no-repeat 0 0;

    width: 1001px;

    margin: 50px auto 0;

}

.major_con > ul > li {

    width: 143px;

    float: left;

}

.major_con > ul > li:nth-child(even) {

    margin-top: 98px;

}

.major_shang {

    width: 143px;

    height: 74px;

    padding-top: 24px;

}

.major_con > ul > li:nth-child(even) .major_shang {

    height: 78px;

    padding-top: 20px;

}

.major_icon {

    background: url("../images/img/major_icon.png") no-repeat 0 0;

    width: 28px;

    height: 28px;

    display: block;

    margin: 0 auto;

}

.major_con > ul > li:nth-child(even) .major_icon {

    margin-top: 10px;

}

.major_icon2 {

    background-position: 0 -28px;

}

.major_icon3 {

    background-position: 0 -56px;

}

.major_icon4 {

    background-position: 0 -84px;

}

.major_icon5 {

    background-position: 0 -112px;

}

.major_icon6 {

    background-position: 0 -140px;

}

.major_icon7 {

    background-position: 0 -168px;

}

.major_h3 {

    font-size: 18px;

    color: #fff;

    text-align: center;

    line-height: 1;

    margin: 8px 0 0 0;

}

.major_con > ul > li:nth-child(even) .major_h3 {

    margin-top: 0;

}

.major_list {

    width: 143px;

    height: 236px;

    padding-top: 20px;

}

.major_list_pt {

    height: 220px;

    padding-top: 36px;

}

.major_list li {

    font-size: 16px;

    color: #333;

    line-height: 36px;

    text-align: center;

    cursor: pointer;

}

.major_list li:hover {

    color: #e51e0b;

}

.major-btn {

    background: #e51e0b;

    width: 300px;

    height: 55px;

    border: none;

    border-radius: 28px;

    display: block;

    margin: 74px auto 0;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

}



/* 考生特权 */





 .privilege {

    background: url(../images/img/privilege_bg.jpg) no-repeat center;

    height: 745px;

    padding-top: 60px;

}

.privilege_title {

    background: url(../images/img/privilege_title.png) no-repeat center 0;

    height: 107px;

    font-size: 46px;

    color: #fff;

    line-height: 80px;

    text-align: center;

}

.privilege_title strong {

    color: #ffff33;

    margin-right: 36px;

}

.privilege_stitle {

    font-size: 20px;

    color: rgba(255, 255, 255, 0.88);

    text-align: center;

    line-height: 1;

    margin: 20px 0 0 0;

}

.privilege_con {

    width: 1200px;

    height: 300px;

    margin: 50px auto 0;

}

.privilege-a {

    width: 224px;

    float: left;

    cursor: pointer;

}

.privilege-b {

    width: 170px;

    float: left;

    margin-left: 34px;

    cursor: pointer;

}

.privilege-c {

    width: 200px;

    float: left;

    margin-left: 50px;

    cursor: pointer;

}

.privilege-d {

    width: 220px;

    float: right;

    cursor: pointer;

}

.privilege-i {

    background: url(../images/img/privilege-icon.png) no-repeat 0 0;

    width: 36px;

    height: 34px;

    display: block;

    margin: 0 auto;

}

.privilege-p {

    font-size: 22px;

    line-height: 36px;

    color: rgba(255, 255, 255, 0.8);

    margin: 14px 0 0 0;

    text-align: center;

}

.privilege-p span {

    color: #fae505;

}



/* 我们的优势 */

/**/

 .advantage {

    background: url(../images/img/advantage_bg.jpg) no-repeat center;

    height: 720px;

    padding-top: 60px;

}

.advantage_title {

    background: url(../images/img/advantage_title.png) no-repeat center 0;

    height: 111px;

    text-align: center;

    font-size: 44px;

    color: #000;

    line-height: 80px;

    padding-top: 78px;

}

.advantage_con {

    background: url(../images/img/advantage_con.png) no-repeat 0 center;

    width: 1000px;

    height: 376px;

    margin: 20px auto 0;

}

.advantage_left {

    width: 622px;

    float: left;

}

.advantage_words {

    display: none;

}

.advantage_h3 {

    width: 240px;

    margin: 125px 0 0 20px;

    float: left;

    border-right: rgba(44, 47, 60, 0.39) 1px dotted;

    font-size: 28px;

    color: #338bb8;

    font-weight: bold;

    line-height: 36px;

    text-align: center;

    padding: 26px 0;

}

.advantage_p {

    width: 270px;

    float: left;

    margin: 120px 0 0 0;

    padding: 0 40px;

}

.advantage_mar2 {

    margin-top: 134px;

}

.advantage_p > p {

    font-size: 16px;

    color: #333;

    line-height: 30px;

}

.advantage_right {

    width: 376px;

    float: right;

    position: relative;

}

.advantage_right area {

    cursor: pointer;

}

.advantage_circle {

    position: absolute;

    top: 112px;

    left: 112px;

    width: 153px;

    height: 153px;

}

.advantage_h4 {

    /*background: url(../images/img/advantage_icon.png) no-repeat center 0;*/

    height: 67px;

    font-size: 54px;

    color: #fff;

    line-height: 73px;

    margin: 13px auto 0;

    text-align: center;

}

.advantage_h5 {

    width: 95px;

    height: 36px;

    line-height: 33px;

    margin: 5px auto 0;

    font-size: 33px;

    color: #fff;

    text-align: center;

}

.advantage_btns {

    width: 560px;

    margin: 16px auto 0;

}

.advantage_btn1 {

    background: #e51e0b;

    width: 250px;

    height: 55px;

    border: none;

    border-radius: 28px;

    float: left;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

}

.advantage_btn1:hover {

}

.advantage_btn2 {

    background: transparent;

    width: 250px;

    height: 55px;

    border: #566767 1px dotted;

    border-radius: 28px;

    float: right;

    font-size: 16px;

    color: #000;

    font-weight: bold;

}

.advantage_btn2:hover {

}



/* 动效 */

.button--nanuk:hover > span:nth-child(1) {

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

.button--nanuk:hover > span:nth-child(2) {

    -webkit-animation-delay: 0.05s;

    animation-delay: 0.05s;

}

.button--nanuk:hover > span:nth-child(3) {

    -webkit-animation-delay: 0.1s;

    animation-delay: 0.1s;

}

.button--nanuk:hover > span:nth-child(4) {

    -webkit-animation-delay: 0.15s;

    animation-delay: 0.15s;

}

.button--nanuk:hover > span:nth-child(5) {

    -webkit-animation-delay: 0.2s;

    animation-delay: 0.2s;

}

.button--nanuk:hover > span:nth-child(6) {

    -webkit-animation-delay: 0.25s;

    animation-delay: 0.25s;

}

.button--nanuk:hover > span:nth-child(7) {

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

}

.button--nanuk:hover > span:nth-child(8) {

    -webkit-animation-delay: 0.35s;

    animation-delay: 0.35s;

}

.button--nanuk:hover > span:nth-child(9) {

    -webkit-animation-delay: 0.4s;

    animation-delay: 0.4s;

}



/*鏍″尯*/

 .m_map {

    width: 937px;

    height: 686px;

    margin: 5px auto 0;

    position: relative;

    background: url(../images/img/map.png) no-repeat 0 0;

}

.tait {

    font-size: 36px;

    font-weight: bold;

    color: #666666;

    text-align: center;

    left: 100px;

}

.tait span {

    color: #ff6d3b;

}

.tait2 {

    font-size: 36px;

    font-weight: bold;

    color: #666666;

    text-align: center;

    padding: 50px 0px;

}

.mp {

    position: absolute;

    cursor: pointer;

    background: url(../images/img/map-fi1.png) no-repeat 4px 12px;

    width: 24px;

    height: 50px;

    -webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -ms-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

}

.mp:hover {

    background: url(../images/img/map-fi2.png) no-repeat 4px 10px;

    opacity: 0.8;

    -webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -ms-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

    z-index: 1000;

}

.hover_tu {

    background: url(../images/img/map-fi2.png) no-repeat 4px 20px;

}

.mp .mito {

    position: absolute;

    left: -12px;

    bottom: 0px;

    font-size: 12px;

    color: #2f3139;

    text-align: center;

    width: 50px;

}

.mp .find_mi1 {

    left: -12px;

    width: 55px;

}

.mp .find_mi2 {

    left: -5px;

    width: 55px;

}

.feng {

    position: absolute;

    width: 103px;

    height: 26px;

    left: 34px;

    top: 0;

    background: url(../images/img/map-vf1.png) no-repeat 0 top;

    z-index: 10;

    display: none;

}

.feng .sang {

    position: absolute;

    left: -5px;

    bottom: 8px;

    background: url(../images/img/map-vf2.png) no-repeat 0 0;

    width: 5px;

    height: 8px;

}

.feng .tree {

    height: 26px;

    width: 103px;

    text-align: center;

    line-height: 26px;

}

.feng .tree .du_size {

    height: 26px;

    width: 103px;

}

.feng .tree .du_size p {

    font-size: 16px;

    color: #FFF;

    line-height: 26px;

    font-weight: 100;

}

.mp1 {

    left: 434px;

    top: 546px;

}

.mp2 {

    left: 560px;

    top: 260px;

}

.mp3 {

    left: 450px;

    top: 446px;

}

.mp4 {

    left: 523px;

    top: 572px;

}

.mp5 {

    left: 444px;

    top: 329px;

}

.mp6 {

    left: 503px;

    top: 510px;

}

.mp7 {

    left: 490px;

    top: 468px;

}

.mp8 {

    left: 522px;

    top: 384px;

}

.mp9 {

    left: 594px;

    top: 375px;

}

.mp10 {

    left: 200px;

    top: 195px;

}

.mp11 {

    left: 611px;

    top: 447px;

}

.mp12 {

    left: 578px;

    top: 476px;

}

.mp13 {

    left: 628px;

    top: 485px;

}

.mp14 {

    left: 700px;

    top: 463px;

}

.mp15 {

    left: 666px;

    top: 553px;

}

.mp16 {

    left: 596px;

    top: 566px;

}

.mp17 {

    left: 611px;

    top: 590px;

}

.mp18 {

    left: 653px;

    top: 418px;

}

.mp19 {

    left: 692px;

    top: 400px;

}

.mp20 {

    left: 725px;

    top: 440px;

}

.mp21 {

    left: 658px;

    top: 327px;

}

.mp22 {

    left: 709px;

    top: 340px;

}

.mp23 {

    left: 642px;

    top: 268px;

}

.mp24 {

    left: 659px;

    top: 289px;

}

.mp25 {

    left: 750px;

    top: 242px;

}

.mp26 {

    left: 780px;

    top: 196px;

}

.mp27 {

    left: 808px;

    top: 146px;

}

.mp28 {

    left: 244px;

    top: 463px;

}

.mp29 {

    left: 486px;

    top: 300px;

}

.mp30 {

    left: 665px;

    top: 385px;

}

.mp31 {

    left: 576px;

    top: 315px;

}

.mp32 {

    left: 686px;

    top: 424px;

}

.mp33 {

    left: 704px;

    top: 435px;

}

.mp34 {

    left: 714px;

    top: 296px;

}

.mp35 {

    left: 396px;

    top: 330px;

}

.mp40 {

    left: 616px;

    top: 308px;

}

.mp48 {

    left: 710px;

    top: 490px;

}

.mp51 {

    left: 687px;

    top: 518px;

}

/**/

 .zzz {

    background: url(../images/img/zzz_bg.jpg) no-repeat center;

    height: 810px;

    padding-top: 92px;

}

.zzz_words {

    background: url(../images/img/zzz_words.png) no-repeat center 0;

    height: 76px;

}

.zzz_title {

    background: url("../images/img/zzz_title.png") no-repeat center 0;

    height: 39px;

    text-indent: -9999px;

    margin: 50px 0 0 0;

}

.zzz_form {

    background: rgba(51, 139, 184, 0.88);

    width: 940px;

    height: 53px;

    margin: 40px auto 0;

    padding-top: 19px;

}

.zzz_div {

    float: left;

    overflow: hidden;

}

.ml140 {

    margin-left: 140px;

}

.ml80 {

    margin-left: 80px;

}

.zzz_div label {

    font-size: 24px;

    color: #fff;

    line-height: 35px;

    float: left;

}

.zzz_user, .zzz_mobile {

    background: #fff;

    width: 158px;

    height: 35px;

    border: none;

    display: block;

    float: left;

    margin-left: 24px;

    padding-left: 2px;

}

.zzz_btn {

    background: transparent;

    width: 218px;

    height: 50px;

    display: block;

    margin: 22px auto 0;

    border: none;

}

.zzz_con {

    width: 835px;

    margin: 80px auto 0;

    padding: 31px 0 0 145px;

}

.zzz_zikao {

}

.zzz_btn1 {

    background: #338bb8;

    width: 100px;

    height: 30px;

    border: none;

    border-radius: 6px;

    font-size: 16px;

    color: #fff;

    display: block;

    float: left;

    margin-left: 17px;

}

.zzz_btn1:first-child {

    margin-left: 0;

}

.zzz_btn1:hover {

    opacity: 0.9;

    filter: alpha(opacity=90);

}

.zzz_btn5 {

    width: 110px;

}

.zzz_btn_b {

    margin-top: 15px;

}

.zzz_btn2 {

    background: #ebeded;

    width: 100px;

    height: 30px;

    border: none;

    border-radius: 6px;

    font-size: 16px;

    color: #000;

    display: block;

    float: left;

    margin-left: 17px;

}

.zzz_btn2:first-child {

    margin-left: 0;

}

.zzz_btn2:hover {

    background:#ffff33;

}

.zzz_chengkao {

    margin-top: 39px;

}



/**/

 .leftbar {

    width:117px;

    height:441px;

    background: url(../images/img/leftbar-bg.png) no-repeat 0 0;

    position: fixed;

    top:50%;

    left:0;

    z-index:9;

    margin-top:-319px;

    padding-top: 114px;

    cursor:pointer;

}

.leftbar1 {

    width:93px;

    height:32px;

    background: url(../images/img/leftbar_02.png) no-repeat 0 0;

    margin: 0 auto 0;

}

.leftbar1:hover {

    background: url(../images/img/leftbar_01.png) no-repeat 0 0;

    color: #333;

}

.leftbar1 p {

    display: block;

    font-size:16px;

    color: #fc6c6c;

    text-align: center;

    line-height: 32px;

}

.leftbar1 p:hover {

    color: #333;

}

.leftbar2 {

    width:93px;

    height:32px;

    background: url(../images/img/leftbar_02.png) no-repeat 0 0;

    margin: 8px auto 0;

}

.leftbar2:hover {

    background: url(../images/img/leftbar_01.png) no-repeat 0 0;

    color: #333;

}

.leftbar2 p {

    display: block;

    font-size:16px;

    color: #fc6c6c;

    text-align: center;

    line-height: 32px;

}

.leftbar2 p:hover {

    color: #333;

}

.rightbar {

    background: url(../images/img/rightbar-bg.png) no-repeat 0 0;

    width:122px;

    height:437px;

    position: fixed;

    top: 50%;

    right: 0;

    margin-top: -319px;

    z-index: 9;

    padding-top:113px;

    cursor:pointer;

}

.rightbar1 {

    width:118px;

    height:30px;

    margin: 10px auto 0;

}

.rightbar1 p {

    display: block;

    font-size:16px;

    color: #333;

    text-align: center;

    line-height: 30px;

}

.rightbar1 p:hover {

    font-weight: bold;

    color: #4985fe;

}

.rightbar2 {

    width:118px;

    height:30px;

    margin: 10px auto 0;

}

.rightbar2 p {

    display: block;

    font-size:16px;

    color: #fff;

    text-align: center;

    line-height: 30px;

}

.rightbar2 p:hover {

    font-weight: bold;

    color: #fff;

}

.mobile {

    font-size: 16px;

    color: #fefeff;

    text-align: center;

    line-height: 28px;

    margin-top:8px;

}

.mobile strong {

    font-size: 20px;

    font-weight: normal;

    color: #fff;

}

@-webkit-keyframes anim-moema-1 {

    60% {

        -webkit-transform: scale3d(0.8, 0.8, 1);

        transform: scale3d(0.8, 0.8, 1);

    }

    85% {

        -webkit-transform: scale3d(1.1, 1.1, 1);

        transform: scale3d(1.1, 1.1, 1);

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

@keyframes anim-moema-1 {

    60% {

        -webkit-transform: scale3d(0.8, 0.8, 1);

        transform: scale3d(0.8, 0.8, 1);

    }

    85% {

        -webkit-transform: scale3d(1.1, 1.1, 1);

        transform: scale3d(1.1, 1.1, 1);

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

@-webkit-keyframes anim-moema-2 {

    to {

        opacity: 0;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

@keyframes anim-moema-2 {

    to {

        opacity: 0;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



/*底部*/

 .bottom {

    background: #fff;

    background:linear-gradient(#f7f7f8, #d8e3f7);

    width: 100%;

    height:55px;

    position: fixed;

    bottom: 0;

    left:0;

    z-index: 99999999;

    border-top: rgba(71, 132, 254, 0.38) 1px solid;

    border-bottom: rgba(71, 132, 254, 0.38) 1px solid;

    padding-top: 13px;

}

.bottom-con {

    width: 1180px;

    margin: 0 auto;

}

.bottom-h3 {

    background: url("../images/img/bottombar-icon.png") no-repeat 10px center;

    width:74px;

    height:40px;

    border: rgba(252, 108, 108, 0.3) 1px solid;

    border-radius:4px;

    font-size: 16px;

    color: #fc6c6c;

    line-height: 40px;

    padding-left: 38px;

    float: left;

    margin-right: 2px;

}

.bottom-btn {

    background: #5c92fd;

    width: 120px;

    height:34px;

    border: none;

    border-radius: 4px;

    display: block;

    float: left;

    margin:4px 0 0 8px;

    font-size: 12px;

    color: #fff;

    box-shadow:0 2px 3px rgba(6, 7, 4, 0.15);

}

.bottom-btn:hover {

    background: #fe7979;

}

#close {

    /*background: url("../images/img/close.png") no-repeat 0 0;*/

    width: 23px;

    height:23px;

    display: block;

    float: left;

    margin: 10px 0 0 16px;

    cursor: pointer;

}

.bottom-icon {

    /*background: url("../images/img/bottom-icon.png") no-repeat 0 0;*/

    width:48px;

    height:104px;

    position: fixed;

    left:0;

    bottom:0;

    font-size: 18px;

    color: #9e9e9e;

    text-align: center;

    line-height: 24px;

    padding: 36px 8px 0 0;

    cursor: pointer;

    display: none;

}

/* 按钮 */

/* Moema */

 .button--moema {

    -webkit-transition: background-color 0.3s, color 0.3s;

    transition: background-color 0.3s, color 0.3s;

}

.button--moema::before {

    content:'';

    position: absolute;

    top: -20px;

    left: -20px;

    bottom: -20px;

    right: -20px;

    background: inherit;

    border-radius:4px;

    z-index: -1;

    opacity: 0.4;

    -webkit-transform: scale3d(0.8, 0.5, 1);

    transform: scale3d(0.8, 0.5, 1);

}

.button--moema:hover {

    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;

    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;

    color: #fff;

    background-color: #e86f6f;

    -webkit-animation: anim-moema-1 0.3s forwards;

    animation: anim-moema-1 0.3s forwards;

}

.button--moema:hover::before {

    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;

    animation: anim-moema-2 0.3s 0.3s forwards;

}



/* 四大学历 */

 .professional {

    background: url("../images/img/professional-bg.jpg") no-repeat center;

        height: 600px;

    padding-top: 45px;

    padding-bottom: 27px;

}

.professional-title {

    background: url("../images/img/professional-tit.png") no-repeat center 0;

    height: 114px;

    text-align: center;

    line-height: 80px;

    font-size: 46px;

    color: #000;

}

.professional-title span {

    color: #e51e0b;

}

.professional-stitle {

    font-size:18px;

    color: #5c5c5c;

    line-height: 1;

    margin:20px 0 0 0;

    text-align: center;

}

.professional-stitle strong {

    color: #fc6c6c;

    font-weight: normal;

}

.professional-con {

    width:1150px;

    margin: 38px auto 0;

}

.professional-con > ul > li {

    background: #fffcfc;

    width: 275px;

    height:350px;

    border: 1px solid rgba(71, 132, 254, 0.36);

    border-radius: 6px;

    box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.06), 0 0 9px rgba(6, 7, 4, 0.17);

    float: left;

    margin-left: 14px;

    padding-top: 13px;

    padding-bottom: 24px;

}

.professional-con > ul > li:first-child {

    margin-left: 0;

}

.professional-con h2 {

	text-align: center;

	background: #5c92fd;

	line-height: 46px;

	color: #fff;

	margin-top: 12px;

	font-size: 20px;

	box-shadow: 0 2px 2px rgba(6, 7, 4, 0.07);

}

.professional-icon {

    background: url("../images/img/professional-icon.png") no-repeat 0 0;

    width: 82px;

    height: 82px;

    display: block;

    margin: 0 auto;

}

.professional-icon1 {

    background-position: 0 -82px;

}

.professional-icon2 {

    background-position: 0 -164px;

}

.professional-icon3 {

    background-position: 0 -246px;

}

.professional-icon4 {

    background-position: 0 -328px;

}

.professional-icon5 {

    background-position: 0 -410px;

}

.professional-ul {

    width: 100%;

    margin: 10px 0 0 0;

}

.professional-ul li {

    font-size:16px;

    color: #7a7a7a;

    line-height:39px;

    height:39px;

    text-align: center;

    border-bottom:rgba(0, 0, 0, 0.06) 1px dashed;

    cursor: pointer;

}

/* .professional-ul li:first-child {

    background: #efefef;

    height:40px;

    box-shadow: 0 2px 2px rgba(6, 7, 4, 0.07);

    font-size: 20px;

    color: #5c5c5c;

    line-height: 40px;

    font-weight:600;

} */

.professional-ul li:hover {

    background: #7ca5f8;

    color: #fff;

}

/* .professional-ul li:first-child:hover {

    background: #efefef;

    color: #5c5c5c;

} */

.professional-btn {

    background: #fc6c6c;

    width: 144px;

    height: 40px;

    border: none;

    border-radius:6px;

    font-size: 16px;

    color: #fff;

    display: block;

    margin:14px auto 0;

    box-shadow: 0 0 4px rgba(6, 7, 4, 0.29);

}

.professional-btn:hover {

    background:#e86f6f;

}

.professional-h3 {

    font-size: 20px;

    color: #ee5d5d;

    text-align: center;

}

.professional-ul1 {

    margin: 37px 0 0 0;

}

.professional-ul1 li {

    font-size: 16px;

    color: #666;

    line-height: 39px;

    padding-left: 20px;

    cursor: pointer;

}

.professional-ul1 li .ml8 {

    margin-left: 8px;

}

.professional-ul1 li strong {

    color: #fc6c6c;

    font-weight: normal;

}

.professional-ul1 li:hover {

    color: #fc6c6c;

}

.professional-cp {

    width:1150px;

    margin: 20px auto 0;

}

.professional-cp > ul > li {

    background: #fffcfc;

    width: 275px;

    height: 374px;

    border: 1px solid rgba(71, 132, 254, 0.36);

    border-radius: 6px;

    box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.06), 0 0 9px rgba(6, 7, 4, 0.17);

    float: left;

    margin-left: 14px;

    padding-bottom: 24px;

}

.professional-cp > ul > li:first-child {

    margin-left: 0;

}

.professional-cp h2 {

	text-align: center;

	background: #5c92fd;

	line-height: 46px;

	color: #fff;

	margin-top: 12px;

	font-size: 20px;

	box-shadow: 0 2px 2px rgba(6, 7, 4, 0.07);

}

.xuelicp {

	line-height: 46px;

	font-size: 15px;

	text-align: center;

	margin-top: 6px;

}

.professional-cp img {

	display: block;

	margin: 0 auto;

}

.xuelicp_co {

	background-color: #f1f1f1;

	width: 88px;

}

.xuelicp_cp {

	border: #f1f1f1 solid 1px;

}

.xuelizl_gl {

	text-align: center;

	font-size: 16px;

	line-height: 56px;

	background-color: #e6e6e6;

	border-top-left-radius: 6px;

	border-top-right-radius: 6px;

}

.xuelizl_gl > h3 {

	font-weight: 500;

}

/* 毕业证展示 */

/**/

 .before {

    background: url(../images/img/before_bg.png) no-repeat center;

    height: 402px;

    padding-top: 52px;

}

.before_title {

    background: url("../images/img/before_title.png") no-repeat center 0;

    height: 118px;

    font-size: 44px;

    color: #000000;

    line-height: 68px;

    text-align: center;

    font-weight: 300;

    padding-top: 5px;

    letter-spacing: 1px;

}

.before_title strong {

    font-size: 46px;

}

.before_title .red {

    color: #e51e0b;

}

.before_stitle {

    font-size: 20px;

    color: #333;

    line-height: 1;

    text-align: center;

    margin: 12px 0 0 0;

}

.before_con {

    width: 1120px;

    margin: 50px auto 0;

}

.before_ul1 {

    width: 335px;

    float: left;

}

.before_pic {

    width: 320px;

    height: 205px;

    float: left;

    margin-left: 5px;

    overflow: hidden;

}

.before_ul2 {

    width: 335px;

    float: left;

    margin-left: 5px;

}

.before_con li {

    width: 165px;

    height: 100px;

    float: left;

    cursor: pointer;

}

.before_con li:nth-child(even) {

    margin-left: 5px;

}

.before_con li:nth-child(3), .before_con li:nth-child(4) {

    margin-top: 5px;

}

.before_con li.blue {

    background: url("../images/img/before_box_blue.png") no-repeat 0 0;

}

.before_con li.lightblue {

    background: url("../images/img/before_box_lightblue.png") no-repeat 0 0;

}

.before_con li.green {

    background: url("../images/img/before_box_green.png") no-repeat 0 0;

}

.before_con li.orange {

    background: url("../images/img/before_box_orange.png") no-repeat 0 0;

}

.before_con li:hover {

    opacity: 0.8;

    filter: alpha(opacity=80)

}

.before_icon {

    background: url("../images/img/before_icon.png") no-repeat 0 0;

    width: 44px;

    height: 33px;

    display: block;

    margin: 17px auto 0;

}

.before_icon2 {

    background-position: 0 -33px;

}

.before_icon3 {

    background-position: 0 -66px;

}

.before_icon4 {

    background-position: 0 -99px;

}

.before_icon5 {

    background-position: 0 -132px;

}

.before_icon6 {

    background-position: 0 -165px;

}

.before_icon7 {

    background-position: 0 -198px;

}

.before_icon8 {



    background-position: 0 -231px;

}

.before_h3 {

    font-size: 22px;

    color: #fff;

    line-height: 1;

    text-align: center;

    font-weight: normal;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    margin: 10px 0 0 0;

}

/* 资料下载 */

 .seven {

    background: url(../images/img/seven_bg.jpg) no-repeat center;

    height: 328px;

}

.seven h2 {

	text-align: center;

	font-weight: normal;

	padding-top: 24px;

	color: #fff;

}

.seven > h2 > span {

	color: #FFFF00;

}

.seven_con {

    width: 1098px;

    margin: 0 auto;

    padding-top: 26px;

}

.seven_con img {

	display: block;

	margin: 0 auto;

	margin-bottom: 12px;

}

.seven_con li {

    width: 164px;

    border-radius: 6px;

    float: left;

    margin-left: 66px;

    padding: 10px 0;

    cursor: pointer;

    transition: All 0.4s ease-in-out;

    -webkit-transition: All 0.4s ease-in-out;

    -moz-transition: All 0.4s ease-in-out;

    -o-transition: All 0.4s ease-in-out;

}

.seven_con li:first-child {

    margin-left: 0;

}

.seven_con li.blue {

    border: #18c0cc 1px dotted;

}

.seven_con li.blue .seven_circ1e {

    background-color: #18c0cc;

}

.seven_con li.green {

    border: #7dc223 1px dotted;

}

.seven_con li.green .seven_circ1e {

    background-color: #7dc223;

}

.seven_con li.orange {

    border: #f59324 1px dotted;

}

.seven_con li.orange .seven_circ1e {

    background-color: #f59324;

}

/* .seven_con li:hover {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg) -ms-transform: rotate(360deg);

} */

.seven_circ1e {

    /* background-image: url("../images/img/seven_icon.png");

    background-repeat: no-repeat;

    background-position: center 84px; */

    width: 148px;

    height: 34px;

    display: block;

    border-radius: 6px;

    margin: 0 auto;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

    text-align: center;

    padding-top: 10px;

}



/*盒子模型*/

.ub{

  display: flex;

}

.ub-f1{

  flex: 1;

}

.ub-f2{

  flex: 2;

}

.ub-f3{

  flex: 3;

}

.ub-ver{

  flex-direction: column;

}

.ub_ps{

  justify-content: flex-start;

}

.ub-pc{

  justify-content: center;

}

.ub-pe{

  justify-content: flex-end;

}

.ub-pj{

  justify-content: space-between;

}

.ub-pa{

  justify-content: space-around;

}

.ub-as{

  align-items: flex-start;

}

.ub-ac{

  align-items: center;

}

.ub-ae{

  align-items: flex-end;

}





/* flex-wrap */

.ub-nowrap{

  flex-wrap:nowrap; /* 当子元素溢出父容器时不换行 */

}

.ub-wrap{

  flex-wrap:wrap; /* 当子元素溢出父容器时自动换行。 */

}



/*  */

.foots {

	height: 150px;

	background-color: #f5f5f5;

	text-align: center;

	font-size: 14px;

	line-height: 30px;

	padding-top: 20px;

}